<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<link rel="stylesheet" href="${ctx}/jslib/codemirror-4.5/lib/codemirror.css">
<script src="${ctx}/jslib/codemirror-4.5/lib/codemirror.js"></script>
<script src="${ctx}/jslib/codemirror-4.5/addon/edit/closetag.js"></script>
<script src="${ctx}/jslib/codemirror-4.5/addon/fold/xml-fold.js"></script>
<script src="${ctx}/jslib/codemirror-4.5/mode/xml/xml.js"></script>
<script src="${ctx}/jslib/codemirror-4.5/mode/javascript/javascript.js"></script>
<script src="${ctx}/jslib/codemirror-4.5/mode/css/css.js"></script>
<script src="${ctx}/jslib/codemirror-4.5/mode/htmlmixed/htmlmixed.js"></script>
<style type="text/css">
.CodeMirror {border-top: 1px solid #888; border-bottom: 1px solid #888;height: 400px;}
article {
  width: 900px;
  margin: 0 0 0 0px;
  background: white;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
 .slider-h{
    margin-left:80px;
    }
</style>

<div style="padding: 3px;">
	<article>
	<form action="">

					<textarea  id="code" name="code" spellcheck="true" >${requestScope.data}</textarea>
<input style="float:right;" value="保存" type="submit"/>

	</form>
	<script type="text/javascript">
      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        mode: 'text/html',
        autoCloseTags: true,
        lineWrapping: true,
		lineNumbers: true
      });
    </script>
	</article>
</div>
